🏭 xMixing

Open the application in a web browser. You will see the Login Page.

Steps / ขั้นตอน:

1. Enter your Username in the username field.
2. Enter your Password in the password field.
3. Click the "Login" button.
4. If successful, you will be redirected to the Dashboard.

The Dashboard is the main landing page after login. It provides an overview of the system status.

Key Elements:

• Welcome Banner — Shows your username, role, and account status.
• Statistics Cards — Displays Total SKUs, Ingredients Stock, Pending Batches, and Active Productions.
• Quick Access Buttons — Shortcuts to Create SKU, Ingredient Intake, Plan Batch, and Start Production.
• Recent Activities — Timeline of recent system events and batch updates.

The Ingredient Intake page is used to log incoming raw materials into the system.

Steps to Record an Intake:

1. Scan or type the Ingredient Code — The system auto-fills MAT.SAP Code, Re-Code, and Ingredient Name.
2. Select the Intake Warehouse Location from the dropdown.
3. Enter the Lot Number and optionally a PO Number.
4. Set Manufacturing Date and Expire Date.
5. Enter Intake Volume (kg) and Package Volume (kg). The number of packages is auto-calculated.
6. Click "Save Intake" to record the entry.

Intake List Table:

Below the form, the Ingredient Intake List shows all recorded intakes with columns for ID, Lot ID, Warehouse, MAT.SAP Code, Description, Volume, and Expire Date. Use the toolbar icons to refresh, filter, or export data.

Manage the master list of ingredients used across the system.

Features:

• View all ingredients in a searchable, sortable table.
• Add New Ingredient — Click the "+" button to open the creation dialog. Fill in Ingredient ID, Name, MAT.SAP Code, Re-Code, Description, and Unit of Measure.
• Edit — Click the edit icon on any row to modify ingredient details.
• Delete — Click the delete icon to remove an ingredient (requires confirmation).
• Print Labels — Generate and print barcode labels for ingredients.

The SKU Management page allows you to create and manage product recipes (SKUs).

Features:

• SKU List — View all existing SKUs with their details.
• Create New SKU — Define a new product with SKU ID, Name, Batch Size (kg), and Plant assignment.
• Recipe Builder — Add ingredients to an SKU with specific percentages or weights. The system calculates exact volumes based on batch size.
• Package Configuration — Define package types and sizes for each SKU.
• Edit / Delete — Modify or remove existing SKUs.

The Production Plan page is used to schedule and organize production runs.

Steps to Create a Plan:

1. Select a SKU from the dropdown.
2. Enter the Total Target Volume (kg).
3. Select the Plant/Production Line.
4. Click "Create Plan" — The system automatically calculates the number of batches required based on the plant's batch capacity.

Plan List:

The left panel shows all production plans. Click on a plan to see its batches and SKU details on the right panel.

The Batch Prepare page is the core operational screen where operators weigh ingredients for each batch.

Workflow:

1. Select a Production Plan from the list.
2. Select a specific Batch to work on.
3. The system displays each ingredient required with its target volume.
4. Scan the ingredient barcode to identify the material.
5. Place the ingredient on the scale — The system reads the weight in real-time via MQTT integration with physical scales.
6. Confirm the weight and move to the next ingredient.

Scale Integration:

The system connects to industrial scales through an MQTT bridge. Weight readings are displayed in real-time with stability indicators.

The Packing List page manages the final boxing and verification process.

Features:

• Production Plan List — View plans with their batch IDs, SKUs, volumes, and pack counts.
• 2-Step Verification — Scan an ingredient bag barcode, then scan the Box ID to confirm it is inside the correct box.
• Confirm Packing Table — Finalize and save the packing configuration.
• Print List — Queue box labels for printing. Generate and print batch box labels with all ingredient details.
• Pre-Batch Scans Detailed List — View all scans associated with a selected batch.

The User Management page is for administrators to manage user accounts and permissions.

Features:

• User List — Search and view all users with Name, Email, Role, Department, and Status.
• Add User — Create new user accounts with username, email, password, role, and department.
• Manage User — Click "Manage" to edit user information, change password, and configure permissions.
• Permissions — Toggle individual page access for each user (Ingredient Intake, SKU, Production Plan, etc.).
• Delete User — Remove user accounts (requires confirmation).

The System Dashboard provides real-time monitoring of the server infrastructure.

Metrics Displayed:

• PC Information — Hostname, IP Address, OS, Architecture, CPU Model.
• System Uptime — Boot time and uptime duration.
• CPU Usage — Real-time CPU utilization percentage with circular gauge.
• Memory (RAM) — Memory usage with used/total display.
• Storage (Disk) — Disk usage with used/total display.
• Network Traffic — Bytes sent and received.
• History Charts — CPU and Memory usage over the last 1 hour.